<!DOCTYPE HTML>
<html style="background: #f9f9f9">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>签约网</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/lawyer_user.css" />
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../script/mobile.js"></script>
    <script type="text/javascript" src="../script/lawyer.js"></script>
    <style type="text/css">
        .package .package_table{
            display: block;
            width: 100%;
        }
        .package_table ul li{
            display: flex;
            height: 1rem;
            margin-top: -1px;
        }
        .package_table ul li .item,
        .package_table ul li .item-data{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            width: 25%;
            height: 1rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px #999999 solid;
            margin-left: -1px;
        }
        .package_table ul li .item{
            color: #f94c49;
            font-size: 0.32rem;
        }
        .package_table ul li .item-data{
            font-size: 0.28rem;
            color: #666666;
        }
        .package_table ul li .item-data p{
            width: 100%;
            text-align: center;
            color: #f94c49;
        }
        .package_table ul li .item-data span{
            font-size: 0.24rem;
            text-decoration: line-through;
        }
    </style>
</head>
<body style="background: #f9f9f9">
<div id="secHeader">
  <header class="header">
      <a href="javascript:void(0);" onclick="comeBack()" class="back_btn"><img src="../image/head-fanhui.png" alt=""></a>
      <h2>企业服务包</h2>
      <!--<a href="javascript:void(0);" class="qiandao_btn">注册</a>-->
  </header>
</div>

<section class="service_package">
    <div class="common_title">
        <h6>成为企业会员</h6>
    </div>
    <div class="package">
        <p class="t_2em">签约网是国内领先的法律互联网平台。【企业法律服务业务】从中小企业切身的具体问题出发，更注重实际解决问题的能力。让中小企业以非常低的价格去解决企业运营中的法律问题。</p>
    </div>

    <div class="common_title">
        <h6>会员套餐，尊享便捷法律服务</h6>
    </div>
    <div class="package_list">
        <ul>
            <li>
                <img src="../image/m1.png" alt="">
                <div class="list">
                    <p>企业基础法律服务</p>
                    <span>企业日常法律咨询、找律师、法律事务委托。</span>
                </div>
            </li>
            <li>
                <img src="../image/m2.png" alt="">
                <div class="list">
                    <p>法律告知函</p>
                    <span>专业法律函件，解决拖欠款项，侵权违约问题。</span>
                </div>
            </li>
            <li>
                <img src="../image/m3.png" alt="">
                <div class="list">
                    <p>合同文书下载</p>
                    <span>上万份合同，涵盖企业日常所需，规避法律风险。</span>
                </div>
            </li>
            <li>
                <img src="../image/m4.png" alt="">
                <div class="list">
                    <p>律师分析报告</p>
                    <span>出具专业律师分析报告，多维度展示律师能力水平</span>
                </div>
            </li>
            <li>
                <img src="../image/m5.png" alt="">
                <div class="list">
                    <p>招聘法律顾问</p>
                    <span>招聘合格的法律顾问，解决个性化法律需求。</span>
                </div>
            </li>
            <li>
                <img src="../image/m6.png" alt="">
                <div class="list">
                    <p>其他服务</p>
                    <span>后续将开通法律讲座、企业培训等服务，敬请期待。</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="common_title">
        <h6>成为会员，优惠更多</h6>
    </div>
    <div class="package">
        <div class="package_table">
            <ul>
                <div id="con"></div>

                <li>
                    <div class="item-data" style="width: calc(50% - 1px)!important; color: #f94c49; font-size: 0.32rem;">成为会员，享优惠</div>
                    <div class="item-data">
                        <p id="tabone">￥199</p>
                        <span id="yuanone">￥627.9</span>
                    </div>
                    <div class="item-data">
                        <p id="tabtwo">￥1999</p>
                        <span id="yuantwo">￥6279.9</span>
                    </div>
                </li>
            </ul>


        </div>

        <div class="package_tips">
            1、会员一经购买，不可退费，自购买起一年内有效；<br>
            2、会员套餐一经过期，套餐内未使用服务次数将清零，请您在有效期内使用服务。
        </div>
    </div>
</section>
<section class="fixed_btn">
    <a href="javascript:;" class="be_btn">成为会员</a>
</section>

<section class="fixed_member">
    <div class="be_member">
        <h6>选择会员套餐</h6>
        <ul>
            <li><a href="javascript:;"  id='one'>基础版：￥199/年</a></li>
            <li><a href="javascript:;"  id='two'>高级版：￥1999/年</a></li>
        </ul>
    </div>
</section>

</body>
<script>
    apiready = function () {
      $api.fixStatusBar( $api.dom('#secHeader') );
      api.setStatusBarStyle({
          style: 'light'
      });



        info()
    };
    function info(){
        var p={model:'vip'}
        api.ajax({
            url: webSiteUrl+'/app/home/lists',
            method: 'post',
            data: {
                values: p
            }
        }, function(res, err) {


            if(res.code == 200){
                var tj=res.data
                var one=0;
                var two=0;
                for(var i=0;i<tj.length;i++){
                    if(tj[i].id==3){
                        one=tj[i].money;
                    }else if(tj[i].id==4){
                        two=tj[i].money
                    }
                }

                $('#one').html('基础版：￥'+two+'/年')
                $('#two').html('高级版：￥'+one+'/年')
                $('#tabone').html('￥'+two)
                $('#tabtwo').html('￥'+one)

            }else{
                alert(res.msg);return false;

            }
            feeserver()
        });

    };

    function user() {
        var p={token:token,infock:2}
         api.ajax({
            url: webSiteUrl+'/app/user/user',
            method: 'post',
            data: {
                values: p
            }
        }, function(ret, err) {

            console.log(ret.data)
            if(ret.code==200){
                if(ret.data.vip>0){
                   $('.fixed_btn').hide()

                }
            }

        });

    }
    function feeserver(){
        var p={model:'Feeserver'}
        api.ajax({
            url: webSiteUrl+'/app/home/lists',
            method: 'post',
            data: {
                values: p
            }
        }, function(res, err) {

            if(res.code == 200){
                var tj=res.data
                var html='';
                var total_price1 = 0;var total_price2 = 0;
                for(var i=0;i<tj.length;i++){
                  total_price1 += tj[i].money*tj[i].jichu;
                  total_price2 += tj[i].money*tj[i].gaoji;
html+='<li><div class="item-data">'+tj[i].name+'</div><div class="item-data">￥'+tj[i].money+'/份</div><div class="item-data">免费*'+tj[i].jichu+'份</div><div class="item-data">免费*'+tj[i].gaoji+'份</div></li>';
                }
                $('#con').html(html);
                $('#yuanone').html(total_price1);
                $('#yuantwo').html(total_price2);

            }else{
                alert(res.msg);return false;

            }
            user()

        });

    };
    $('.be_member li').click(function () {
        var type=parseInt($(this).index()+1)
        api.openWin({
            name: 'service_package_pay',
            url: './service_package_pay.html',
            reload:true,
            pageParam: {
                type:type
            }
        });

    })
    //送心意
    $(".be_btn").click(function () {
        $(".fixed_member").fadeToggle();
        $(".fixed_member .be_member").animate({
            'top': '0',
            'opacity': '1'
        },400);
    });
    $(".fixed_member").click(function (e) {
        $(".fixed_member").fadeToggle();
        $(".fixed_member .be_member").animate({
            'top': '-4rem',
            'opacity': '0'
        },400);
    });
    $(".fixed_member .be_member").click(function (e) {
        e.stopPropagation();
    });


</script>
</html>
